<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=3087352034bb004f544d7a7b24e28678">
    </script>
    <script src="../js/boot.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../css/gdmap.css" />
    <link rel="stylesheet" type="text/css" href="../css/table.css" />
</head>
<body>
    <div class="header">
		<div class="header_text">仲裁在线</div>
	</div>
	<div class="timeTab layui-form" >
		<div class="layui-inline">
			<!-- <label class="layui-form-label">年度</label> -->
			<div class="layui-input-inline" style="width: 100px;">
				<input id="year" class="layui-input" name="year" lay-verify="" lay-filter="year"></input>
			</div>
		</div>
    </div>
    <div class="map_con model0 model1">
		<div class="map_box">
			<div class="map_tit"><span data-i="330000" class="loc">浙江省</span></div>
			<div id="map" class="map"></div>
			<div class="cont_box">
				<div class="control_btn add"></div>
				<div class="control_btn del"></div>
				<div class="control_btn backToOriginal"></div>
			</div>
			<div class="chose_box tab_content"></div>
			<div class="levels_con">
				<div class="item">
					<i class="rect  orange"></i>
					<span>A</span>
				</div>
				<div class="item" data-level="1">
					<i class="rect  yellow"></i>
					<span>B</span>
				</div>
				<div class="item" data-level="0">
					<i class="rect red"></i>
					<span>C</span>
				</div>
			</div>
		</div>
	</div>
	<div class="iframe_con">
		<iframe id="framePage" width="100%" height="100%"></iframe>
	</div>
    <div class="model0 right axzs_box">
		<div class="num white axzs_box_item">
			<div class="num white" data-key="value"></div><span style="display: none;" class="axzs_box_unit">%</span>
		</div>
		<div class="rotate">
		</div>
	</div>
	<div class="model0 left border_box  hlwjgZb">
	 <div class="box_bg">
      <div class="model ajblqk">
        <div class="model_title">案件办理情况<span class="title_icon"></span></div>
        <div class="model  flex_between model_no_title flex">
			<div class="col_3  box_with_icon  ">
				<div>
					<!-- <p class="zb_title">登记数</p> -->
					<p class="zb_title">立案数</p>
					<p><i class="num num_scroll  white" data-key="ajdjnum">0</i>件</p>
				</div>
			</div>
			<div class="col_3  box_with_icon  ">
				<div>
					<!-- <p class="zb_title">涉案人数</p> -->
					<p class="zb_title">劳动者人数</p>
					<p><i class="num num_scroll   white" data-key="sarsnum">0</i>万人</p>
				</div>
			</div>
			<div class="col_3  box_with_icon ">
				<div>
					<!-- <p class="zb_title">涉案金额</p> -->
					<p class="zb_title">申请金额</p>
					<p><i class="num num_scroll   white" data-key="sajenum">0</i>万元</p>
				</div>
			</div>
		 </div>
         <div class="model  flex_between model_no_title flex">
			<div class="col_3  box_with_icon  ">
				<div>
					<!-- <p class="zb_title">其中农民工</p> -->
					<p class="zb_title">农民工案件</p>
					<p><i class="num num_scroll  white" data-key="nmgajnum">0</i>件</p>
				</div>
			</div>
			<div class="col_3  box_with_icon  ">
				<div>
					<!-- <p class="zb_title">其中劳务派遣</p> -->
					<p class="zb_title">农民工</p>
					<p><i class="num num_scroll   white" data-key="lwpqnum">0</i>人</p>
				</div>
			</div>
			<div class="col_3  box_with_icon ">
				<div>
					<!-- <p class="zb_title">结案率</p> -->
					<p class="zb_title">结案金额</p>
					<p><i class="num num_scroll   white" data-key="jal">0</i>万元</p>
				</div>
			</div>
		 </div>
      </div>
     </div>
	 <div class="box_bg">
        <div class="model">
          <div class="model_title">案件趋势<span class="title_icon"></span></div>
		  <div class="model_tab"><span class="active " data-type="laq0">按月</span><span data-type="lah0">按年</span></div>
          <div class="" id="ajqsLine"></div>
        </div>
       </div>
     <div class="box_bg">
        <div class="model">
          <div class="model_title">案件类型<span class="title_icon"></span></div>
          <div class="" id="cyrynlPei"></div>
        </div>
       </div>
      
       <div class="box_bg">
        <div class="model">
          <div class="model_title">案件处置结果<span class="title_icon"></span></div>
          <!-- <div class="model_tab"><span class="active " data-type="laq">按月</span><span data-type="lah">按年</span></div> -->
          <div class="moreBar" id="moreBar"></div>
        </div>
       </div>
	</div>
	<div class="model0 right border_box  ldbzjgZb">
        <div class="box_bg">
            <div class="model">
              <div class="model_title">最新案件<span class="model_more" id="zxanj_more">更多>></span></div>
              <div id="tableId" class="news"></div>
            </div>
           </div>
           <div class="box_bg">
            <div class="model">
              <div class="model_title">庭审情况<span class="model_more" id="tsqk_more">更多>></span>
				<div class="model0" style="float: right;font-size: 1.8vh;line-height: 2.2vh;">
					今日开庭数：
					<span class="num white" data-key="todaynum" style="font-size: 2.2vh;">0</span>
					次
				</div>
			  </div>
              <div id="tableId1" class="news"></div>
            </div>
           </div>
           <div class="box_bg">
            <div class="model">
              <div class="model_title">行业分布<span class="model_more" id="hyfb_more">更多>></span></div>
              <div class="hyfbBar" id="hyfbBar"></div>
            </div>
           </div>
           <div class="box_bg">
            <div class="model">
              <div class="model_title">仲裁预警<span class="model_more" id="zcyj_more">更多>></span></div>
              <div class="model_tab zcyj_box"><span class="active " data-type="laq1">个人</span><span data-type="lah1">单位</span></div>
			  <div id="tableId2" class="news"></div>
            </div>
           </div>

		
	</div>
</body>
</html>